/<template>
  <div class="rt">
      <dl v-for="item,index in children" :key="index">
 <dt><img :src="item.img"></dt>
 <dd>{{item.name}}</dd>
      </dl>
  </div>
</template>

<script>
export default {
      props:{
        children:Array,
      },
};
</script>

<style>
    li{
      display: flex;
      justify-content: space-between;
      padding: 10px;
      height: 150px;
    }
    li img{
      width: 130px;
      height: 130px;
      margin-right: 10px;
    }
    li div{
      flex: 1;
    }
</style>